<%--
    Document   : index
    Created on : 23 May, 2014, 12:42:26 PM
    Author     : Akash,Satyapal,Durwas,Yogesh,Rahul
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">

<html>
    <head>

<title>Vehicle Hai.com</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width; initial-scale=1.0">
<link rel="stylesheet" type="text/css" media="screen" href="commonfiles/css/style.css">
<link rel="stylesheet" type="text/css" media="screen" href="commonfiles/css/slider.css">
<link rel="stylesheet" type="text/css" media="screen" href="commonfiles/css/styles.css">
<link rel="stylesheet" type="text/css" media="screen" href="commonfiles/css/layout.css">
<script type="text/javascript" src="commonfiles/js/jquery-1.8.2.min.js"></script>
<script type="text/javascript" src="commonfiles/js/home-slider01.js"></script>
<script type="text/javascript" src="commonfiles/js/home-slider02.js"></script>
<script type="text/javascript" src="commonfiles/js/scripts.js"></script>
<script type="text/javascript" src="commonfiles/js/html5shiv.js"></script>
<script type="text/javascript" src="commonfiles/js/menu_jquery.js"></script>
<link href="commonfiles/css/jqbar.css" rel="stylesheet" type="text/css" />
    </head>
    <body>

        <!--Start of  Live Chat Script-->
<script type="text/javascript">
window.$zopim||(function(d,s){var z=$zopim=function(c){z._.push(c)},$=z.s=
d.createElement(s),e=d.getElementsByTagName(s)[0];z.set=function(o){z.set.
_.push(o)};z._=[];z.set._=[];$.async=!0;$.setAttribute('charset','utf-8');
$.src='//v2.zopim.com/?29cWb9BuQRBO7mGVhjEVsvvfPY1SMJmO';z.t=+new Date;$.
type='text/javascript';e.parentNode.insertBefore($,e)})(document,'script');
</script>
<!--End of Live Chat Script-->


 <div style="position:relative;width: auto;z-index: 10000; ">
        <div class="wrapper col1">
            <div id="logo">
        <h><a href="#"><img src="commonfiles/images/logo.png" style="float: left; height: 70px"></a></h>

    </div>
  <div id="header">

    <div id="info">
      <ul>
        <li>Tel: 0712-6606690</li>
        <li> | </li>
        <li>Mail: enquiry@jibjit.com</li>
      </ul>
    </div>
    <br class="clear">
  </div>
</div>
      <div id='cssmenu'>
          <ul>
    <li class='active'><a href="home.jsp"><span>Home</span></a></li>
   <li class='has-sub'><a href="services.jsp"><span>Services</span></a>
      <ul>
         <li ><a href="finance.jsp"><span>Finance</span></a>

         </li>
         <li><a href="insurance.jsp"><span>Insurance</span></a>

         </li>
         <li><a href="error.jsp"><span>Advertisement</span></a>

         </li>
         <li><a href="error.jsp"><span>E.M.I.</span></a>

         </li>
      </ul>
   </li>

   <li class='has-sub'><a href="error.jsp"><span>Tender</span></a>
       <ul>
         <li><a href="offlinetender"><span>Offline</span></a>

         </li>
         <li><a href="onlinetender.jsp"><span>Online</span></a>

         </li>

      </ul>

   </li>

   <li class='has-sub'><a href="error.jsp"><span>Post Add</span></a>
      <ul>
         <li><a href="error.jsp"><span>Post</span></a>

         </li>
         <li><a href="error.jsp"><span>Auto/Car</span></a>

         </li>
         <li><a href="error.jsp"><span>Rules</span></a>

         </li>
      </ul>
   </li>

<li class='has-sub'><a href="error.jsp"><span>Success Story</span></a>
      <ul>
         <li><a href="gallary.jsp"><span>Gallery</span></a>

         </li>
         <li><a href="error.jsp"><span>Success Story</span></a>
            </li>
      </ul>
   </li>

   <li class="active"><a href="about.jsp"><span>About</span></a></li>
   <li class='last'><a href="contact.jsp"><span>Contact</span></a></li>
</ul>
          <section class="innerpages">
      <div class="grid_12">
        <ul class="breadcrumb clearfix">

        </ul>
        <h1>About</h1>
      </div>
</section>
</div>
</div>


<div class="block2">
  <div class="container_12">
    <!--==============================content================================-->
    <section class="content">
      <div class="wrapper">
        <article class="grid_12 last-col">
          <div class="hello_box"> Creativity is our Mother tongue. When it is expressed through technology as medium, the result is elegant and excellent. Our corporate anatomy has got the ears to listen to your needs, mind to apply...soul to deliver your dreams. </div>
        </article>
      </div>
      <div class="wrapper">
        <article class="grid_3">
          <h2>Know us well</h2>
          <p> The place of work is as important as the work itself. Wee is excited about headquartered at Lahore, the heart of Pakistan. This is how our work place looks like! </p>
          <div class="clear"></div>
          <a href="#" class="arrowlink">Contact Now</a> </article>
        <article class="grid_9 last">
          <div class="flexslider about">
            <ul class="slides">
              <li> <img src="commonfiles/images/14.jpg" alt="Featured"/> </li>
              <li> <img src="commonfiles/images/15.jpg" alt="Featured"> </li>
              <li> <img src="commonfiles/images/16.jpg" alt="Featured"/> </li>
            </ul>
          </div>
        </article>
      </div>
    </section>
  </div>
</div>
<div class="featured_block">
  <div class="container_12">
    <section class="content">
      <div class="wrapper our_team">
        <article class="grid_12">
          <h2>Meet our workforce</h2>
          <p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. </p>
          <article class="grid_3 alpha"> <img src="commonfiles/images/team.png" alt="Team" /> <a href="#" class="arrowlink">Twitter</a>&nbsp; <a href="#" class="arrowlink">Facebook</a>
            <div class="team_skills">
              <div class="member-skill" data-percent="90" data-label="Java"></div>
            </div>
            <div class="team_skills">
              <div class="member-skill" data-percent="98" data-label="year"></div>
            </div>
            <div class="team_skills">
              <div class="member-skill" data-percent="60" data-label="months"></div>
            </div>
          </article>
          <article class="grid_3 "> <img src="commonfiles/images/team.png" alt="Team" /> <a href="#" class="arrowlink">My Blog</a>&nbsp; <a href="#" class="arrowlink">Facebook</a>
            <div class="team_skills">
              <div class="member-skill" data-percent="90" data-label="Java"></div>
            </div>
            <div class="team_skills">
              <div class="member-skill" data-percent="98" data-label="Year"></div>
            </div>
            <div class="team_skills">
              <div class="member-skill" data-percent="60" data-label="months"></div>
            </div>
          </article>
          <article class="grid_3 "> <img src="commonfiles/images/team.png" alt="Team" /> <a href="#" class="arrowlink">Twitter</a>&nbsp; <a href="#" class="arrowlink">Facebook</a>
            <div class="team_skills">
              <div class="member-skill" data-percent="90" data-label="java"></div>
            </div>
            <div class="team_skills">
              <div class="member-skill" data-percent="98" data-label="year"></div>
            </div>
            <div class="team_skills">
              <div class="member-skill" data-percent="60" data-label="Months"></div>
            </div>
          </article>
          <article class="grid_3 omega"> <img src="commonfiles/images/team.png" alt="Team" /> <a href="#" class="arrowlink">Twitter</a>&nbsp; <a href="#" class="arrowlink">Facebook</a>
            <div class="team_skills">
              <div class="member-skill" data-percent="90" data-label="java"></div>
            </div>
            <div class="team_skills">
              <div class="member-skill" data-percent="98" data-label="year"></div>
            </div>
            <div class="team_skills">
              <div class="member-skill" data-percent="60" data-label="months"></div>
            </div>
          </article>
        </article>
      </div>
    </section>
  </div>
</div>
<div class="block2">
  <div class="container_12">
    <section class="content">
      <div class="wrapper">
        <article class="grid_12">
          <h2 class="clearfix"> <span class="f_left">Our Clients</span> <a id="next" class="next"></a> <a id="prev" class="prev"></a> </h2>
          <div class="projects-carousel-wrapper">
            <ul id="projects-carousel">
              <li class="grid_3 project-item"><a href="javascript:"><img src="commonfiles/images/11.jpg" alt="Featured"></a> <span class="zoom-icon" style="bottom: 100%;"><a href="images/project-details.jpg" class="touch-item"></a></span> <span class="zoom-link" style="top: 100%;"><a href="project-details.html">Details</a></span> <span class="zoom-bg" style="opacity: 0; "></span> </li>
              <li class="grid_3 project-item"><a href="javascript:"><img src="commonfiles/images/12.jpg" alt="Featured"></a> <span class="zoom-icon" style="bottom: 100%;"><a href="images/project-details9.jpg" class="touch-item"></a></span> <span class="zoom-link" style="top: 100%;"><a href="project-details.html">Details</a></span> <span class="zoom-bg" style="opacity: 0; "></span> </li>
              <li class="grid_3 project-item"><a href="javascript:"><img src="commonfiles/images/13.jpg"  alt="Featured"></a> <span class="zoom-icon" style="bottom: 100%;"><a href="images/project-details2.jpg" class="touch-item"></a></span> <span class="zoom-link" style="top: 100%;"><a href="project-details.html">Details</a></span> <span class="zoom-bg" style="opacity: 0; "></span> </li>
              <li class="grid_3 project-item"><a href="javascript:"><img src="commonfiles/images/01.jpg"   alt="Featured"></a> <span class="zoom-icon" style="bottom: 100%;"><a href="images/project-details3.jpg" class="touch-item"></a></span> <span class="zoom-link" style="top: 100%;"><a href="project-details.html">Details</a></span> <span class="zoom-bg" style="opacity: 0; "></span> </li>
              <li class="grid_3 project-item"><a href="javascript:"><img src="commonfiles/images/11.jpg"   alt="Featured"></a> <span class="zoom-icon" style="bottom: 100%;"><a href="images/project-details4.jpg" class="touch-item"></a></span> <span class="zoom-link" style="top: 100%;"><a href="project-details.html">Details</a></span> <span class="zoom-bg" style="opacity: 0; "></span> </li>
              <li class="grid_3 project-item"><a href="javascript:"><img src="commonfiles/images/project-details5.jpg"   alt="Featured"></a> <span class="zoom-icon" style="bottom: 100%;"><a href="images/project-details5.jpg" class="touch-item"></a></span> <span class="zoom-link" style="top: 100%;"><a href="project-details.html">Details</a></span> <span class="zoom-bg" style="opacity: 0; "></span> </li>
              <li class="grid_3 project-item"><a href="javascript:"><img src="commonfiles/images/project-details6.jpg"  alt="Featured"></a> <span class="zoom-icon" style="bottom: 100%;"><a href="images/project-details6.jpg" class="touch-item"></a></span> <span class="zoom-link" style="top: 100%;"><a href="project-details.html">Details</a></span> <span class="zoom-bg" style="opacity: 0; "></span> </li>
              <li class="grid_3 project-item"><a href="javascript:"><img src="commonfiles/images/project-details7.jpg"  alt="Featured"></a> <span class="zoom-icon" style="bottom: 100%;"><a href="images/project-details7.jpg" class="touch-item"></a></span> <span class="zoom-link" style="top: 100%;"><a href="project-details.html">Details</a></span> <span class="zoom-bg" style="opacity: 0; "></span> </li>
            </ul>
          </div>
        </article>
      </div>
    </section>
  </div>
</div>











<div class="block3">
  <!--==============================footer=================================-->
  <div class="container_12">
    <footer>
      <div class="wrapper">
        <div class="grid_6">
          <h2>About</h2>
          <p>Hi, we are Vehicle Hai.com!
            Vehicle hai emphasizes free EMI for Vehicle while facilitating great user experiences.</p>
          <ul class="social">
            <li> <a href="#">
              <figure><img src="commonfiles/images/soc1.png" width="31" height="24" alt=""></figure>
              Follow us on Twitter</a> </li>
            <li> <a href="https://www.facebook.com/jibjitjobs?ref=bookmarks">
              <figure><img src="commonfiles/images/soc2.png" width="31" height="26" alt=""></figure>
              Join us on Facebook</a> </li>
            <li> <a href="#">
              <figure><img src="commonfiles/images/soc3.png" width="31" height="26" alt=""></figure>
              Subscribe to our blog</a> </li>
            <li class="cont_item m_bottom_zero"> <a href="index-5.html">
              <figure><img src="commonfiles/images/soc4.png" width="31" height="20" alt=""></figure>
              Contact Us</a> </li>
          </ul>
        </div>
        <div class="grid_3">
          <h2>Copyright</h2>
          This includes all content and original design work, including the distinctive typographic style, layout and composition of this website. </div>
        <div class="grid_3 last-col">
          <h2>Navigate</h2>
          <ul class="navigate">
            <li><a href="#">Home</a></li>
            <li><a href="#">About</a></li>
            <li><a href="#">Services</a></li>
            <li><a href="#">EMI</a></li>
            <li><a href="#">FInance</a></li>
            <li><a href="#">Insurance</a></li>
            <li><a href="#">Contact</a></li>
          </ul>
        </div>
      </div>
    </footer>
  </div>
</div>

<script type="text/javascript" src="commonfiles/js/jquery-1.8.2.min.js"></script>
<script type="text/javascript" src="commonfiles/js/superfish.js"></script>
<script type="text/javascript" src="commonfiles/js/jquery.responsivemenu.js"></script>
<script type="text/javascript" src="commonfiles/js/jquery.flexslider.js"></script>
<script type="text/javascript" src="commonfiles/js/jquery.easing.1.3.js"></script>
<script src="commonfiles/js/jquery.carouFredSel-6.1.0-packed.js" type="text/javascript"></script>
<script src="commonfiles/js/jqbar.js" type="text/javascript"></script>
<script src="commonfiles/js/touchTouch.jquery.js" type="text/javascript"></script>
<script type="text/javascript" src="commonfiles/js/script.js"></script></body>
</html>
